/*common*/
*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
html { font-size: 62.5%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
body { font-family: "微软雅黑", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; line-height: 1.5; color: #333; background-color: #fff; margin: 0; padding: 0; }
body * { font-family: inherit; margin: 0; padding: 0; }
input, button, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit; }
a { color: #428bca; text-decoration: none; }
a:hover, a:focus { color: #2a6496; text-decoration: underline; }
a:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; }
img { vertical-align: middle; }
ul { list-style: none; }

/* grid begin */
.container { width: auto; padding: 5px; }
.row { margin: 10px 0; position: relative; }
.row:before, .row:after { display: table; content: " "; }
.row:after { clear: both; }
.col { float: left; display: block; padding: 0 5px; position: relative; min-height: 1px; }
.col-12 { width: 100%; }
.col-11 { width: 91.66666666666666%; }
.col-10 { width: 83.33333333333334%; }
.col-9 { width: 75%; }
.col-8 { width: 66.66666666666666%; }
.col-7 { width: 58.333333333333336%; }
.col-6 { width: 50%; }
.col-5 { width: 41.66666666666667%; }
.col-4 { width: 33.33333333333333%; }
.col-3 { width: 25%; }
.col-2 { width: 16.666666666666664%; }
.col-1 { width: 8.333333333333332%; }
.col-offset-12 { margin-left: 100%; }
.col-offset-11 { margin-left: 91.66666666666666%; }
.col-offset-10 { margin-left: 83.33333333333334%; }
.col-offset-9 { margin-left: 75%; }
.col-offset-8 { margin-left: 66.66666666666666%; }
.col-offset-7 { margin-left: 58.333333333333336%; }
.col-offset-6 { margin-left: 50%; }
.col-offset-5 { margin-left: 41.66666666666667%; }
.col-offset-4 { margin-left: 33.33333333333333%; }
.col-offset-3 { margin-left: 25%; }
.col-offset-2 { margin-left: 16.666666666666664%; }
.col-offset-1 { margin-left: 8.333333333333332%; }
.col-offset-0 { margin-left: 0; }

.form-horizontal .control-label,
.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline { padding-top: 5px; margin-top: 0; margin-bottom: 0; height: 34px; vertical-align: middle }
.form-horizontal .radio, .form-horizontal .checkbox { min-height: 27px; }
.form-horizontal textarea.form-control { height: auto; }

.form-horizontal .control-label{font-weight: bold;}

.form-inline .row { display: block; margin-bottom: 0; vertical-align: middle; position: relative }
.form-inline .col { float: none; display: inline-block; padding: 0 5px; position: relative; min-height: 1px; }
.form-inline .control-label { padding-top: 7px; margin-top: 0; margin-bottom: 0; height: 34px; }
.form-inline .form-control { display: inline-block; }
.form-inline select.form-control { width: 100%; }
.form-inline .radio,
.form-inline .checkbox { display: inline-block; padding-left: 0; margin-top: 0; margin-bottom: 0; }
.form-inline .radio input[type="radio"],
.form-inline .checkbox input[type="checkbox"] { float: none; margin-left: 0; }

.form-control {
    display: block; width: 100%; height: 34px; padding: 2px 5px;
    font-size: 14px; line-height: 1.5; color: #555; vertical-align: middle;
    background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
.form-control[disabled], fieldset[disabled] .form-control { cursor: not-allowed; background-color: #eee; }
/*.form-control[readonly] { cursor: not-allowed; }*/

.form-control-static {
    display: block; min-height: 34px; padding: 5px 5px; font-size: 14px; line-height: 1.5; color: #555; vertical-align: middle;
}

.text-left { text-align: left; }
.text-center { text-align: center; }
.text-right { text-align: right; }

.pull-right { float: right !important; }
.pull-left { float: left !important; }
/* grid end */

table { max-width: 100%; background:white; }
th { text-align: left;line-height: 34px;border: 1px solid #ddd;padding:0 8px; }
td { text-align: left;line-height: 34px;border: 1px solid #ddd;padding:0 8px; }
.table { width: 100%; margin-bottom: 20px; border-collapse:collapse}
.table-bordered { border: 1px solid #ddd; }
.table-striped > tbody > tr:nth-child(odd) > td,
.table-striped > tbody > tr:nth-child(odd) > th { background-color: #f9f9f9; }

.table-hover > tbody > tr:hover > td,
.table-hover > tbody > tr:hover > th { background-color: #ffc; }

.border-bottom { border-bottom: 1px solid #eee; padding-bottom: 15px; margin-bottom: 15px; }

fieldset{border: 1px solid #ddd; border-radius: 4px;}
fieldset legend{margin-left:10px;padding:5px;}


